import 'package:flutter/material.dart';
import 'package:flutter/services.dart';


class TransformPage extends StatelessWidget {
  final SystemUiOverlayStyle _style = SystemUiOverlayStyle(statusBarColor: Colors.transparent);
  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(_style);
    // TODO: implement build
    return MaterialApp(
      home: TransformWidget(),
      theme: ThemeData(primarySwatch: Colors.yellow),
    );
  }
}

class TransformWidget extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _TransformPage();
  }
}

class _TransformPage extends State<StatefulWidget> {

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text("Transform Page"),
      ),
      body: Column(
        children: <Widget>[
          Container(
            child: Transform(transform: Matrix4.skewY(0.5),child: Container(
              color: Colors.blue,
              child: Text("SkewY"),
            ),

            ),
          ),
          SizedBox(
            height: 200,
          ),
          Container(
            child: Transform(transform: Matrix4.skewX(0.5),child: Container(
              color: Colors.blue,
              child: Text("SkewX"),
            ),

            ),
          ),
        ],
      ),
    );
  }
}